


        .border i{
            position: absolute;
        }
        .border .hor{
            height: 2px;
            transition: width .3s;
            width: 0%;
        }
        .border .ver{
            width: 2px;
            transition: height .3s;
            height: 0%;
        }
        main .contact{
            position: relative;
            height: 100vh;
        }
        main .contact .content{
            position: absolute;
            top: 16%;
            left: 16.66667%;
            right: 40px;
            bottom: 21%;
            margin: auto;
            flex-direction: column;
        }
        main .contact .content .methods{
            padding-top: 60px;
            flex: 1;
            justify-content: space-between;
        }
        main .contact .content .methods .box{
            width: 320px;
            padding: 0px 36px;
            padding-top: 80px;
            position: relative;
            border: #adacaf 1px solid;
        }
        main .contact .content .methods .box .ctctTtl{
            font-size: 30px;
            letter-spacing: 1px;
            margin-bottom: 40px;
        }
        main .contact .content .methods .box ul li{
            margin-top: 20px;
            font-size: 18px;
        }
        main .contact .content .methods .box ul li:first-child{
            margin-top: 0px;
        }
        main .contact .content .methods .box i{
            background: #000;
        }
        main .contact .content .methods .box .tp,
        main .contact .content .methods .box .lft{
            top: -1px;
            left: -1px;
        }
        main .contact .content .methods .box .btm,
        main .contact .content .methods .box .rht{
            bottom: -1px;
            right: -1px;
        }
        main .contact .content .methods .box .hor{
            height: 2px;
        }
        main .contact .content .methods .box .ver{
            width: 2px;
        }
        main .contact .content .methods .box:hover .hor{
            width: 155px;
        }
        main .contact .content .methods .box:hover .ver{
            height: 155px;
        }
        main .contact .content a{
            position: absolute;
            display: inline-flex;
            left: 36px;
            bottom: 75px;
        }

        main .form{
            padding-bottom: 140px;
        }
        main .form .form-group{
            width: 50%;
        }
        main .form .form-group:first-child{
            padding-left: 16.66667%;
            padding-right: 6.77%;
        }
        main .form .form-group:last-child{
            padding-right: 40px;
        }
        main .form input{
            padding-bottom: 40px;
            font-size: 27px;
            border-bottom: 1px solid #000;
        }
        main .form .form-group:first-child input + input{
            margin-top: 80px;
        }
        main .form .form-group textarea{
            border-bottom: 1px solid #000;
            height: 100%;
            font-size: 27px;
        }
        main .form .form-group>*::-webkit-input-placeholder{
                color: #000;
        }
        main .form .form-group>*::-moz-placeholder{
                color: #000;        
        }
        main .form .form-group>*:-ms-input-placeholder{
                color: #000;        
        }
        main .form .submit{
            display: inline-flex;
            margin-top: 155px;
            margin-left: 16.66667%;
        }
        

        @media(max-width:1600px){
            main .contact .content .methods .box{
                width: 300px;
                padding: 0px 25px;
                padding-top: 60px;
            }
            main .contact .content .methods .box .ctctTtl{
                font-size: 26px;
                margin-bottom: 30px;
            }
            main .contact .content .methods .box ul li{
                font-size: 16px;
            }
            main .contact .content a{
                left: 25px;
                bottom: 50px;
            }
            main .form input,
            main .form textarea{
                font-size: 22px;
                padding-bottom: 30px;
            }
        }

        @media(max-width:1200px){
            main .contact .content{
                top: 18%;
                bottom: 25%;
                right: 16px;
            }
            main .contact .content .methods .box{
                width: calc(100% / 3 - 40px / 3);
                padding: 0px 20px;
                padding-top: 50px;
            }
            main .contact .content .methods .box + .box{
                margin-left: 20px;
            }
            main .contact .content .methods .box .ctctTtl{
                font-size: 24px;
                margin-bottom: 25px;
            }
            main .contact .content .methods .box ul li{
                font-size: 14px;
            }
            main .contact .content .methods .box ul li{
                margin-top: 15px;
            }
            main .contact .content .methods .box:hover .hor{
                width: 120px;
            }
            main .contact .content .methods .box:hover .ver{
                height: 120px;
            }
            main .contact .content a{
                left: 20px;
                bottom: 40px;
            }
        }

        @media(max-width:767px){
            main .contact{
                height: initial;
            }
            main .contact .content{
                margin-top: 120px;
                position: initial;
                padding-left: 16.66667%;
                padding-right: 16px;
                display: block;
            }
            main .contact .content .methods{
                flex-direction: column;
                padding-top: 30px;
                flex: initial;
            }
            main .contact .content .methods .box{
                width: 100%;
                max-width: 340px;
                padding: 35px 20px;
            }
            main .contact .content .methods .box + .box{
                margin-left: 0px;
                margin-top: 20px;
            }
            main .contact .content .methods .box .ctctTtl{
                font-size: 20px;
                margin-bottom: 15px;
            }
            main .contact .content .methods .box ul li{
                font-size: 12px;
                margin-top: 8px;
            }
            main .contact .content .methods .box:hover .hor{
                width: 100px;
            }
            main .contact .content .methods .box:hover .ver{
                height: 100px;
            }
            main .contact .content a{
                position: initial;
                margin-top: 40px;
            }
            main .contact .blue{
                height: 42px;
            }

            main .form{
                padding-bottom: 100px;
                padding-top: 50px;
            }
            main .form form{
                flex-direction: column;
            }
            main .form .form-group{
                width: 100%;
            }
            main .form .form-group input{
                max-width: 400px;
                font-size: 14px;
                padding-bottom: 15px;
            }
            main .form .form-group:first-child input + input{
                margin-top: 25px;
            }
            main .form .form-group textarea{
                max-width: 450px;
                font-size: 14px;
            }
            main .form .form-group:last-child{
                margin-top: 25px;
                padding-right: 14px;
                padding-left: 16.66667%;
                height: 120px;
            }
            main .form .submit{
                margin-top: 40px;
            }
        }